<template>
   <div id="box">
   <header>
      <span class="one" @click="fanhui">
        <img src="../assets/img/fanhui.png">
      </span>
      <span class="two">
        联系我们
      </span> 
    </header>
    <section>
         <p v-for="list in lists">{{list.text}}</p>
    </section> 
    <footer>
      <ul>
        <li>
          <img src="../assets/img/foot_1.png">
          <p>首页</p>
        </li>
        <li>
          <img src="../assets/img/foot_2.png">
          <p>附近</p>
        </li>
        <li>
          <img src="../assets/img/foot_3.png">
        </li>
        <li>
          <img src="../assets/img/foot_4.png">
          <p>订单</p>
        </li>
        <li>
          <img src="../assets/img/foot_5.png">
          <p>我的</p>
        </li>
      </ul>
    </footer>     
   </div>
</template>

<script>
export default {
  name: 'lianxiwomen',
  data () {
    return{
       lists:[
         {text:"杭州一喂智能科技有限公司"},
         {text:"地址：杭州市钱江经济开发区顺风路528路"},
         {text:"一喂直达：www.yiweizd.com"},
         {text:"一喂拼车:www.pcwcn.com"},
         {text:"客服电话：400-005-1331"},
         {text:"商务合作：yivizd@yivizd.com"},
         {text:"0571-835893"},
         {text:"意见反馈：ceo@yivizd.com"},
       ]
    }
  },
  methods:{
    fanhui(){
      this.$router.go(-1)
    }
  }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    @import '../assets/less/lianxiwomen.less';
    @import '../assets/css/reset.css';
</style>